html,
body {
    height: 100%;
    width: 100%;
}

#brand {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;

    a {
        text-decoration: none;
    }

    main {
        flex: 1;
        overflow-y: scroll;

        .ulbrand {
            li {
                height: 5.306667rem;
                position: relative;

                a {
                    display: block;
                }

                img {
                    width: 100%;
                }

                h2 {
                    width: 100%;
                    color: #fff;
                    text-align: center;
                    background: rgba(0, 0, 0, 0.5);
                    position: absolute;
                    bottom: 0;
                    height: .933333rem;
                    line-height: .933333rem;
                    font-size: .373333rem;
                }
            }
        }
    }

    footer {
        height: 1.333333rem;
        background: #000;
    }
}